<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Profile / Edit</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="bottom">

  <div class="search_list">
    <form action="updateTavellerProfile" method="post">
    <input type="hidden" name="basicProfile.uuid" value="${basicProfile.uuid }"/>
    <div class="header_bar" style="line-height:16px; padding-top: 16px;">
    	<div class="my_properties">
    	<ul>
        	<li style="width:740px;">Profile <span style="zoom: 1;
	filter: alpha(opacity=65);
	opacity: 0.65; letter-spacing:1px;"><i>edit</i></span></li>
            
            <li><img src="frontend/resources/images/setting.png" width="18" height="17" /></li>
            
            <li style="width:70px;"><a href="#" class="setting">Settings</a></li>
            
            <li><img src="frontend/resources/images/edit.png" width="18" height="17" /></li>
            
            <li><a href="tavellerProfile" class="setting">View Profile</a></li>
            
            
        </ul>
        </div>    
    </div>
<div class="secondary-column" style="min-height: 369px; ">
	<jsp:include page="/frontend/template/html/user/traveller/ProfilePic.jsp" /> 
 <div class="primary-column">
 	<div class="header"><h2><s:property value="basicProfile.firstname" />&nbsp;<s:property value="basicProfile.lastname"/></h2></div>
    	<dl class="profile-details fieldset">
        	<dt class="first last" style="padding-top:7px;">
            	<label>Import Your Profile</label>
            </dt>
         <dd class="first last"><a class="fb-button" href="#" rel="fb-login">
         	<div class="logo"></div>
            <div class="text">Import from <strong>Facebook</strong></div></a>
            <div class="tip"><strong>Save time</strong> by importing your profile and photo, or fill in the fields below.</div>
         </dd>
         </dl>
         
         <dl class="profile-details fieldset">
         	<dt style="padding-top:5px;">
            	<label>First name</label>
             </dt>
             <dd><input id="profile_first_name" maxlength="100" name="basicProfile.firstname" value="${basicProfile.firstname}" placeholder="What's your first name?" size="100" type="text"  class="inputbox"></dd>
             <dt style="padding-top:5px;">
             	<label>Last Name or Initial</label>
             </dt><dd><input id="profile_last_name" maxlength="100" name="basicProfile.lastname" value="${basicProfile.lastname}" placeholder="What's your last name?" size="100" type="text" class="inputbox"></dd>
             </dl>
             <dl class="profile-details fieldset">
             	<dt style="padding-top:5px;">
                	<label>About</label>
                </dt>
                <dd><textarea cols="40" id="profile_about" maxlength="4000" name="basicProfile.aboutus" value="${basicProfile.aboutus}" placeholder="What do you like to do on vacation?  What are your favorite hobbies and travel destinations?" rows="20" class="inputbox" style="margin-bottom:10px; height:200px;">${basicProfile.aboutus}</textarea></dd>
                <dt style="padding-top:5px;">
                	<label>Company</label></dt>
                    <dd><input id="profile_employer" maxlength="100" name="basicProfile.companyname" value="${basicProfile.companyname}" placeholder="Where do you work?" size="100" type="text" class="inputbox"></dd>
                    <dt style="padding-top:5px;">
                    <label>College</label></dt>
                    <dd><input id="profile_school" maxlength="100" name="basicProfile.college" value="${basicProfile.college}" placeholder="What is your alma mater?" size="100" type="text" class="inputbox"></dd>
                    <dt style="padding-top:5px;"><label>Current city</label></dt>
                    <dd><input id="profile_location" maxlength="80" name="addressLine1" value="${basicProfile.currentAddress.addressLine1}" placeholder="Where do you live?" size="80" type="text" class="inputbox"></dd>
                    <dt style="padding-top:5px;"><label>Hometown</label></dt>
                    <dd><input id="profile_hometown" maxlength="80" name="addressLine2" value="${basicProfile.currentAddress.addressLine2}" placeholder="Where are you from?" size="80" type="text" class="inputbox"></dd>
                    <dt style="padding-top:5px;"><label>Gender</label></dt>
                    <dd>
                 	
                    <label><input   name='basicProfile.gender' type='radio' value='female' >Female</label>
                    <label><input   name='basicProfile.gender' type='radio' value='male' >Male</label>
                    </dd>
                    <dt style="padding-top:5px;"><label>Languages</label></dt>
                    <dd><input id="profile_languages" maxlength="100" name="basicProfile.language" value="${basicProfile.language}" placeholder="What languages do you speak?" size="100" type="text" class="inputbox"></dd>
               </dl>
               <div><input style="margin-left:5px;" class="button" name="commit" type="submit" value="Save Profile"></div>
</div>   
    </form>
    </div>
  </div>
</div>
</body>
</html>
